<!--
 * @Author: your name
 * @Date: 2021-10-24 15:53:58
 * @LastEditTime: 2021-10-24 19:21:11
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /柳橙/拆单红冲/yongyou_zj5j_separatebill/src/components/messageBox.vue
-->
<template>
  <div class="messageBox">
    <div class="conent">
      <div class="conent_result" v-if="result">
        <!-- <img v-if="resultType == 'success'" src="../../assets/images/hhh.png" style="width:102;height:55px" /> -->
        <!-- <img v-if="resultType == 'error'" src="../../assets/images/on.png" style="width:102;height:55px" /> -->
        <div class="text">{{ content }}</div>
      </div>
      <div class="btn">
        <el-button @click="messageTest" v-if="confirm" type="primary" size="mini">确定</el-button>
        <el-button @click="messageTest" v-if="cancel" size="mini">取消</el-button>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },

  methods: {
    //    handleOk(){
    //    }
  },
};
</script>
l
 <style lang="scss">
 .messageBox {
   position: absolute;
   position: fixed;
   display: flex;
   justify-content: center;
   align-items: center;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.4);
   z-index: 1500;
 }
 
 .conent {
   width: 422px;
   height: 152px;
   padding: 10px;
   background: #ffffff;
   box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
   border-radius: 4px;
   margin-bottom: 200px;
 
   .conent_result {
     width: 100%;
     height: 80%;
     display: flex;
     align-items: center;
     justify-content: center;
 
     .text {
       font-size: 14px;
       font-weight: 400;
       color: #333333;
     }
   }
 
   .btn {
     display: flex;
     justify-content: flex-end;
   }
 }
 </style>
 